<template>
  <div class="flow-chart">
    <div class="flow-chart-container" :style="leftStyle">
      <FlowMenu />
    </div>
    <div class="flow-chart-container" :style="rightStyle">
      <FlowContainer/>
    </div>
  </div>
</template>

<script setup lang="ts">
import FlowContainer from "./component/FlowContainer.vue";
import FlowMenu from "./component/FlowMenu.vue";
import {useMenu} from "./util/hook.ts";

const {leftStyle, rightStyle} = useMenu();
</script>

<style scoped>
</style>
